<template>
	<view class="_t_icon_label u-flex u-flex-items-center">
		<image :src=" (teacher.callingBg ?? teacher.avatar) " class="_avatar" mode="aspectFit"></image>
		<view class="u-m-l-16">
			<view class="f-s-14">{{ teacher.name }}</view>
			<view class="f-s-12 u-m-t-6 u-light-color">{{ teacher.label ? teacher.label : '主讲老师' }}</view>
		</view>
	</view>
</template>

<script setup>
	import {
		defineProps
	} from 'vue';

	const props = defineProps({
		teacher: {
			type: Object,
			default: {
				avatar: '',
				name: '尧君智库',
				label: '主讲老师'
			}
		}
	})
</script>

<style lang="scss" scoped>
	._t_icon_label {
		._avatar {
			width: 36px;
			height: 36px;
			border-radius: 50%;
			background: linear-gradient(to right, #E8EBF2, #E8EBF2 40%, #EEEFF4 70%, #F3F4F8);
		}

	}
</style>